<!--

关系选择器分类：
1. 后代选择器（child selector）：
选择所有被E元素直接或间接包含的F元素，中间用空格隔开。
语法：E F{}，此处E F是代指的具体元素。
例：ul li a{}，选择所有<a>元素，
它们是<ul>元素的直接或间接子元素。

选择所有指定元素的后代元素。

2. 子代选择器（descendant selector）：
选择所有作为E元素的直接子元素F，对更深一层不起作用。
语法：E > F{}，此处E F是代指的具体元素。

3. 相邻兄弟选择器（adjacent sibling selector）：
选择紧跟E元素后的F元素，
选择相邻的第一个兄弟元素。(只能往后找的相邻)

语法：E + F{}，此处E F是代指的具体元素。

4. 通用兄弟选择器（general sibling selector）：
选择所有E元素后面的所有F元素元素，用~隔开。
语法：E ~ F{}，此处E F是代指的具体元素。


如：
h1 + p {
  color: red;
}
h1 ~ p {
  color: blue;
}


-->